Page({
    data: {
        videoSrc: "https://media.w3.org/2010/05/sintel/trailer.mp4", // 替换为你的视频URL
        controls: true, // 是否显示默认播放控件
        autoplay: true, // 是否自动播放
        loop: false, // 是否循环播放
        muted: false, // 是否静音
        initialTime: 0, // 初始播放时间
        direction: 0, // 播放方向，0 正常，90 逆时针90度，-90 顺时针90度
        showProgressBar: false, // 是否显示进度条
        playGesture: true, //
        showFullscreenBtn: false, // 是否显示全屏按钮
        showPlayBtn: true, // 是否显示播放按钮
        showCenterPlayBtn: true, // 是否显示中心播放按钮
        enableProgressGesture: false, // 是否开启手势控制进度
        objectFit: "contain", // 填充模式
        poster: "", // 封面图 URL
        videoContext: {},
    },
    onLoad(options: any) {
        console.log(options);
        if (options && Object.keys(options).length > 0) {
            const info = JSON.parse(options.info);
            console.log(info);
            this.setData({
                videoSrc: info.url,
            });
        }
    },
    onReady: function () {
        let videoContext = wx.createVideoContext("myVideo");
        this.setData({
            videoContext,
        });
    },
    goBack() {
        // wx.navigateBack()
        wx.navigateBack({
            delta: 1,
        });
    },
    // 播放事件
    onVideoPlay(event: any) {
        console.log("视频开始播放", event);
    },

    // 暂停事件
    onVideoPause(event: any) {
        console.log("视频暂停", event);
    },

    // 结束事件
    onVideoEnded(event: any) {
        console.log("视频播放结束", event);
    },

    // 时间更新事件
    onVideoTimeUpdate(event: any) {
        // console.log("视频播放时间更新", event);
    },

    // 全屏改变事件
    onVideoFullScreenChange: function (event) {
        console.log("视频全屏状态改变", event);
        if (event.detail.fullScreen) {
            console.log("进入全屏");
        } else {
            console.log("退出全屏");
            wx.navigateBack();
        }
    },

    // 手动触发全屏
    toggleFullScreen: function () {
        if (this.videoContext.requestFullScreen) {
            this.videoContext.requestFullScreen({ direction: 0 }); // 方向参数可选
        } else {
            console.log("不支持 requestFullScreen 方法");
        }
    },
});
